<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Title -->
    <title>Innovax</title>

    <!-- Meta -->
    <meta charset="UTF-8">
    <meta name="description" content="Innovax - IT Solutions for Your Business Services Website Template">
    <meta name="keywords" content="bootstrap, clean, responsive, html5, css3, portfolio, blog, carousel, parallax, grid, coming soon, themeforest">
    <meta name="author" content="Theme Friend">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:type" content="Website Template" />
    <meta property="og:title" content="Innovax - IT Solutions for Your Business Services Website Template" />
    <meta property="og:description" content="Innovax Simple and Lite template to create your own website for your business" />
    
    <meta property="og:site_name" content="Innovax" />
    <meta name="robots" content="index, follow">

    <!-- Stylesheets
    ============================================= -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://www.sucai8.cn/jquery/bootstrap-4.2.1.css">

    <!-- Fontawesome -->
    <link href="css/fonts/fontawesome/css/all.css" rel="stylesheet">

    <!-- Animate css -->
    <link rel="stylesheet" href="css/animate.css">

    <!-- Owl carouser -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Main Css Files -->
    <link rel="stylesheet" href="css/element.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

    <!-- Document Wrapper
    =========================-->

    <div id="wrapper">

        <!-- Header -->
        <!-- add stickyHeader class to header to make it sticky -->
        <header class="stickyHeader">
            <!-- fixed-top -->
            <nav class="navbar navbar-expand-lg navbar-light bg-light" id="banner">
                <div class="container">
                    <!-- Brand -->
                    <a class="navbar-brand" href="#">
                        <img class="va-top" src="img/logo.png" alt="">
                    </a>

                    <!-- Toggler/collapsibe Button -->
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- Navbar links -->
                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav">
                            <li class="nav-item ">
                                <a class="nav-link" data-title="Home" href="index.html">Home</a>
                            </li>
                            
                            <li class="nav-item">
                                <a class="nav-link" data-title="Services" href="services.html">Services</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Price" href="pricing.html">Price</a>
                            </li>

                            <li class="nav-item dropdown active">
                                <a href="#" class="nav-link dropdown-toggle" data-title="Pages" data-toggle="dropdown">Pages</a>
                                <div class="dropdown-menu animate">
                                    <!-- <li class="nav-item dropdown-item">
                                        <a class="nav-link" data-title="Price" href="#">Price</a>
                                    </li> -->
                                    <a class="dropdown-item" href="about.html">About</a>
                                    <a class="dropdown-item" href="blog-details.html">Blog details</a>
                                    <a class="dropdown-item" href="blog-grid-3-column.html">Blog grid 3</a>
                                    <a class="dropdown-item active" href="blog-with-sidebar-left.html">Blog sidebar left</a>
                                    <a class="dropdown-item" href="blog-with-sidebar-right.html">Blog sidebar right</a>
                                    <a class="dropdown-item" href="error.html">Error</a>
                                    <a class="dropdown-item" href="faq.html">FAQ</a>
                                    <a class="dropdown-item" href="partner.html">Partner</a>
                                    <a class="dropdown-item" href="portfolio.html">Portfolio</a>
                                    <a class="dropdown-item" href="portfolio-details.html">Portfolio details</a>
                                    <a class="dropdown-item" href="service-details.html">Service details</a>
                                    <a class="dropdown-item" href="services.html">Services</a>
                                    <a class="dropdown-item" href="team-members.html">Team members</a>
                                    <a class="dropdown-item" href="testimonials.html">Testimonials</a>
                                </div>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Contact" href="contact.html">Contact</a>
                            </li>

                            <!-- <li class="nav-item dropdown megamenu"><a id="megamneu" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle font-weight-bold text-uppercase">Mega Menu</a>
                                <div aria-labelledby="megamneu" class="dropdown-menu border-0 p-0 m-0">
                                  <div class="container">
                                    <div class="row bg-white rounded-0 m-0 shadow-sm">
                                      <div class="col-lg-7 col-xl-8">
                                        <div class="p-4">
                                          <div class="row">
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="col-lg-5 col-xl-4 px-0 d-none d-lg-block" style="background: center center url(https://res.cloudinary.com/mhmd/image/upload/v1556990826/mega_bmtcdb.png)no-repeat; background-size: cover;"></div>
                                    </div>
                                  </div>
                                </div>
                              </li> -->
                        </ul>
                    </div>
                </div>
            </nav>

            <!-- search box -->
            <div class="search-box">
                <div class="container positionRelative">
                    <i class="fas fa-search search_icon"></i>
                    <form action="action.html">
                        <input type="text" placeholder="TYPE YOUR SEARCH..." name="name">
                    </form>
                    <a class="close_icon" href="#."><i class="fas fa-times "></i></a>
                </div>
            </div>
        </header>
        <!-- End Header -->

        <!-- Page Cover -->
        <section class="page-cover darkOverlay sectionPT sectionPB text-center" style="background-image: url(img/header11.jpg);">
            <div class="col-center text-center col-md-8 col-lg-7">
                <h2 class="heading text-color-white mb10">Blog Sidebar Left</h2>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active text-color-white" aria-current="page">Blog</li>
                </ul>
            </div>
        </section>
        <!-- End Page Cover -->

        <!-- Blog section -->
        <section class="sectionPB sectionPT">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="blog_sidebar">
                            <div class="box search_box">
                                <h2 class="heading">Search box</h2>
                                <form>
                                    <input type="text" placeholder="Search Here" name="name">
                                    <button type="submit"><i class="fas fa-search"></i></button>
                                </form>
                            </div>
                            <div class="box category_box">
                                <h2 class="heading">Our Categories</h2>
                                <ul>
                                    <li>
                                        <a href="#.">Business Consultant <span>(10)</span></a>
                                    </li>
                                    <li>
                                        <a href="#.">It Programmes<span>(05)</span></a>
                                    </li>
                                    <li>
                                        <a href="#.">Web Design<span>(10)</span></a>
                                    </li>
                                    <li>
                                        <a href="#.">App Design <span>(10)</span></a>
                                    </li>
                                    <li>
                                        <a href="#.">Web Development<span>(10)</span></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="box post_box">
                                <h2 class="heading">Our Categories</h2>
                                <ul>
                                    <li>
                                        <a href="#.">
                                            <div class="img_area">
                                                <img alt="" src="img/blog/blog-2.jpg">
                                            </div>
                                            <div class="info_area">
                                                <h2>Business Consultant Report Analaysis for Company 2019</h2>
                                                <p class="time"><i class="far fa-clock icon"></i> 1 Hour Ago</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <div class="img_area">
                                                <img alt="" src="img/blog/blog-2.jpg">
                                            </div>
                                            <div class="info_area">
                                                <h2>Business Consultant Report Analaysis for Company 2019</h2>
                                                <p class="time"><i class="far fa-clock icon"></i> 1 Hour Ago</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <div class="img_area">
                                                <img alt="" src="img/blog/blog-2.jpg">
                                            </div>
                                            <div class="info_area">
                                                <h2>Business Consultant Report Analaysis for Company 2019</h2>
                                                <p class="time"><i class="far fa-clock icon"></i> 1 Hour Ago</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="box keyword_box">
                                <h2 class="heading">Related Keyword</h2>
                                <ul>
                                    <li>
                                        <a href="#.">Business</a>
                                    </li>
                                    <li>
                                        <a href="#.">Consult</a>
                                    </li>
                                    <li>
                                        <a href="#.">Audit</a>
                                    </li>
                                    <li>
                                        <a href="#.">Design</a>
                                    </li>
                                    <li>
                                        <a href="#.">Website</a>
                                    </li>
                                    <li>
                                        <a href="#.">Develop</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                    	<div class="row">
                    		<div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.1s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-2.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">How to grow IT Business</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.2s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-3.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">Business Needs Coders</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.3s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-1.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">Enterprise Software</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.1s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-2.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">How to grow IT Business</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.2s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-3.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">Business Needs Coders</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 wow fadeInUp"  data-wow-delay="0.3s">
                                <div class="blog_post">
                                    <div class="img_area">
                                        <img alt="" src="img/blog/blog-1.jpg">
                                    </div>
                                    <div class="blog_info">
                                        <a href="#." class="post_title">Enterprise Software</a>
                                        <p class="post_text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. psum has been the industry's.</p>
                                        <a class="post_link line-animation" href="#.">Read More</a>
                                    </div>
                                    <div class="blog_comment">
                                        <p>Comment <span>: 06 |</span> 20 March 2020</p>
                                    </div>
                                </div>
                            </div>
                    	</div>
                        <div class="text-center mt30">
                            <nav aria-label="Page navigation example" class="displayInlineBlock">
                                <ul class="pagination">
                                    <li class="page-item">
                                        <a class="page-link" href="#" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                        <span class="sr-only">Previous</span>
                                        </a>
                                    </li>
                                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item">
                                        <a class="page-link" href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                        <span class="sr-only">Next</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Blog section -->

        <!-- Footer -->
        <footer>
            <div class="top_area sm-sectionPT sm-sectionPB">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_about">
                                <h2 class="footer_title">About Inovax</h2>
                                <p class="footer_about_content">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. Orem Ipsum is simply dummy text of the printing and type</p>
                                <ul class="footer_social_area">
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-google-plus-g"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Useful Links</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">Services</a></li>
                                    <li><a href="#.">Pricing</a></li>
                                    <li><a href="#.">FAQ</a></li>
                                    <li><a href="#.">Testimonial</a></li>
                                    <li><a href="#.">Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Navigation</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">About Us</a></li>
                                    <li><a href="#.">Team</a></li>
                                    <li><a href="#.">Clients</a></li>
                                    <li><a href="#.">Contact</a></li>
                                    <li><a href="#.">Blog</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_photo_gallery">
                                <h2 class="footer_title">Photo Gallery</h2>
                                <div class="row margin0">
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer1.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer2.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer3.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer4.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer5.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer6.jpg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom_area">
                <div class="container">
                    <p class="copy-right-txt"><span>Inovax</span> &copy; 2019. All Rights Reserved</p>
                </div>
            </div>
        </footer>
        <!-- End Footer -->
    </div>

    <!-- End Document Wrapper
    =========================-->

    <!-- Scripts
    ============================================= -->

    <!-- jQuery library -->
    <script src="http://www.sucai8.cn/jquery/jquery-1.10.2.js"></script>

    <!-- Bootstrap Script -->
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>

    <!-- Wow js -->
    <script type="text/javascript" src="js/wow.min.js"></script>

    <!-- Isotope Script -->
    <script type="text/javascript" src='js/isotope.pkgd.js'></script>
    <script type="text/javascript" src="js/imagesloaded.pkgd.js"></script>

    <!-- Owl carouser -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- Tween Max -->
    <script type="text/javascript" src="js/TweenMax.min.js"></script>

    <!-- Mouse Move -->
    <script type="text/javascript" src="js/mouse-move-parallax.js"></script>

    <!-- Parallax js -->
    <script type="text/javascript" src="js/parallax.min.js"></script>

    <!-- Main Script -->
    <script src="js/script.js"></script>
</body>
</html>